<template>
  <div class="user">
    <!--<div class="head">-->
      <!--&lt;!&ndash;<i class="iconfont head-icon">&#xe689;</i>&ndash;&gt;-->
      <!--亲青筹-->
    <!--</div>-->
    <div class="user-head">
      <img v-show="userEv.headUrl" :src="userEv.headUrl"/>
      <p v-show="userEv.name" @click="goloveRoad">{{userEv.name}}</p>
      <router-link to="useredit"><div class="right-edit">
           <span><i class="iconfont head-icon">&#xe61b;</i>个人编辑</span>
      </div></router-link>
    </div>
    <div class="pre-count">
      <ul>
        <li>
            <p class="nub-count">{{userEv.totalMoney}}</p>
            <p>捐款金额(元)</p>
            <!--<p @click="togetherWelfare">捐款金额(元)</p>-->
        </li>
        <li>
            <p class="nub-count">{{userEv.eventNumber}}</p>
            <!--<p @click="togetherShop">支持项目(个)</p>-->
            <!--<p @click="guozhenDetails">支持项目(个)</p>-->
            <p>支持项目(个)</p>
        </li>
        <li>
            <p class="nub-count">{{userEv.integral}}</p>
            <!--<p @click="togetherShop">捐款金额(元)</p>-->
            <p>我的积分</p>
        </li>
      </ul>
    </div>
    <div class="line"></div>
    <div class="user-content">
      <div class="fint-list">
         <ul>
           <router-link :to="{path: '/userdonate', query: {showWitch: '1'}}"><li class="find-border-one">
              <i class="iconfont head-icon">&#xe8f1;</i>
              <p>捐赠记录</p>
           </li></router-link>
           <!--userproject-->
           <router-link :to="{path: '/userproject'}"><li style="border-bottom:1px solid #ccc">
              <i class="iconfont head-icon">&#xe906;</i>
              <p>一对一记录</p>
           </li></router-link>
           <router-link to="/userbook"><li style="border-right:1px solid #ccc">
              <i class="iconfont head-icon">&#xe991;</i>
              <p>捐赠证书</p>
           </li></router-link>
           <router-link to="/notificationCenter"><li>
              <i class="iconfont head-icon">&#xe913;<label v-show="userEv.unreadMsg != ''">{{userEv.unreadMsg}}</label></i>
              <p>通知中心</p>
           </li></router-link>
           <li @click="goAboutqqc('guanyu')" style="border-top:1px solid #ccc;border-right:1px solid #ccc">
              <i class="iconfont head-icon">&#xe90f;</i>
              <p>关于亲青筹</p>
           </li>
           <li @click="goAboutqqc('tiaokuan')" style="border-top:1px solid #ccc">
              <i class="iconfont head-icon">&#xe91f;</i>
              <p>服务条款</p>
           </li>
         </ul>
      </div>
    </div>


    <nav-bottom></nav-bottom>
  </div>
</template>

<script src="./userhome.js"></script>
